<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery</title>
</head>
<body>

  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script>
      $.ajax({
        url: 'https://www.imooc.com/api/http/search/suggest?words=js',
        type: 'get',
        data: {
          'cat': 1001,
          'offset': 'page * 30'
        },
        dataType: 'JSON',
        success: function (data) {
          console.log(data)
        }
      })

      // 方式二 快捷写法
      // 参一 请求地址+请求采参数 参二相应处理函数；
      /*$.get('http://musicapi.leanapp.cn/artist/list?cat=1001&offset=0',function(data,status){
      // 相应函数的 参一：响应数据 参二 响应状态 success error 等
        console.log(data)
        console.log(status) // success error
      })

      var url = 'http://musicapi.leanapp.cn/artist/list'
      var data = {
        'cat': 1001,
        'offset': page * 30
      }

      // 参一：请求地址 参二请求参数 参三：响应处理函数
      $.post(url, data, function (data,status) {
        // data 响应数据 status 响应状态
        console.log(data)
      })
      // 与上面的写法一直
      $.post('http://musicapi.leanapp.cn/artist/list', {
        'cat': 1001,
        'offset': page * 30
      }, function () {
      })*/

    // 方式三：
    /*$.ajax('http://musicapi.leanapp.cn/artist/list').done(function(data){
      console.log(data)
    })*/

  </script>
</body>
</html>